<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>分类</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/fenlei.css"/>
	</head>
	<body>
		<header class="sy-header">
			<span><img src="../img/flush.png"/></span>
			<div class="fn">
				<span>分类</span>
				<span>品牌</span>
			</div>
			<span></span>
		</header>
		<section class="center">
			<ul class="excel show">
				<li>
					<div>
						<p>包装</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>包装</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>包装</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>包装</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>包装</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>包装</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>包装</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>包装</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>包装</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>包装</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
			</ul>
		
			<ul class="excel" style="display: none;">
				<li>
					<div>
						<p>包装</p>
						<p>阿贝克隆&费奇</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>包装</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>Academie</p>
						<p>爱琪美</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>Acrua Di Parma</p>
						<p>彭玛之源</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>包装</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>adidas</p>
						<p>阿迪达斯</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>Adidas By Stella McCartney</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>adidas Priginals</p>
						<p>阿迪达斯金典三叶草</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>A&F</p>
						<p>阿贝克隆&费奇</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
				<li>
					<div>
						<p>Academie</p>
						<p>爱琪美</p>
					</div>
					<p><img src="../img/jiantou.png"/></p>
				</li>
			</ul>
		</section>
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
		<script src="../js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$(function(){
				$(".fn span").click(function(){
					var index = $(this).index();
					$(".center ul").eq( index ).show().siblings().hide();
				})
				
			})
		</script>
	</body>
</html>
